body{background:#f0f0f0;}
/*搜索栏*/
.searchs{
    width:16rem; 
    background:#fff;
    margin:0 auto;
    height: 2rem;
}
.search-left,.search-center,.search-right{
    float:left;
    height:1.25rem;
    line-height:2rem;
    font-size:.6rem;
    text-align:center;
}
.search-left{
    position:relative;
    width:2.2rem;
    background:#fff;
    padding-top: .5rem;
}
.search-left i{
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:.5rem;
    height:.5rem;
    margin-left:-.25rem;
    margin-top:-.25rem;
    border-top:3px solid #000;
    border-left:3px solid #000;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}
.search-center{
    width:10.37rem;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-appearance:none;
    position:relative;
    font-size: .8rem;
}
.search-center img{
    position:absolute;
    left:.5rem;
    top:.3rem;
    display:inline-block;
    vertical-align:middle;
    width:.6rem;
}
.search-center #search-input{
    position:absolute;
    left:1.5rem;
    top:.2rem;
    display:inline-block;
    vertical-align:middle;
    width:8.0rem;
    height:.9rem;
    font-size:.6rem;
    background:#f1f1f1;
    border:none;
    outline:none;
}
.search-right{
    width:3.4rem;
    background: #fff;
    
}
.search-right .collect{
    color:#36c7b7;
    
}
.search-right #login{
   display:none;   
}

#center{
    width: 14rem;
    margin: 0 auto;
}
#center p{
    padding-top: 1.5rem;
    font-size:0.65rem;
    padding-bottom: 1rem;
}
#center ul{
    width: 14rem;
    list-style: none;
    background: white;
    text-align: center;
}
li{
    width: 3.5rem;
    float: left;
    background: white;
    font-size: 0.6rem;
    line-height: 2rem;
}